<!DOCTYPE html>
<html lang="zh-Hans">
  <head>
    <!--[if lt IE 9]>
      <style>
        body {
          display: none;
          background: none !important;
        }
      </style>
      <meta http-equiv="Refresh" content="0; url=//outdatedbrowser.com/" />
    <![endif]-->

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />
    <meta name="author" content="安云" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="安云工作室" />
    <meta property="og:url" content="http://majormayer.oschina.io/index.html" />
    <meta property="og:site_name" content="安云工作室" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="安云工作室" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link
      href="//cdn.bootcss.com/animate.css/3.5.1/animate.min.css"
      rel="stylesheet"
    />
    <link
      href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css"
      rel="stylesheet"
    />
    <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
    <link
      href="//cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-minimal.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="/css/style.css" />
    <style>
      .article {
        opacity: 0;
      }
    </style>

    <link
      href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css"
      rel="stylesheet"
    />

    <title>安云工作室</title>

    <script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script>

    <script>
      var yiliaConfig = {
        fancybox: true,
        animate: true,
        isHome: true,
        isPost: false,
        isArchive: false,
        isTag: false,
        isCategory: false,
        fancybox_js: '//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.js',
        scrollreveal:
          '//cdn.bootcss.com/scrollReveal.js/3.1.4/scrollreveal.min.js',
        search: true,
      };
    </script>

    <script>
      yiliaConfig.jquery_ui = [
        true,
        '//cdn.bootcss.com/jqueryui/1.10.4/jquery-ui.min.js',
        '//cdn.bootcss.com/jqueryui/1.10.4/css/jquery-ui.min.css',
      ];
    </script>

    <script>
      yiliaConfig.rootUrl = '\/';
    </script>
  </head>
  <body>
    <div id="container">
      <div class="left-col">
        <div class="overlay bg"></div>
        <div class="intrude-less">
          <header id="header" class="inner">
            <a href="/" class="profilepic">
              <img src="/img/avatar.png" class="animated zoomIn" />
            </a>
            <hgroup>
              <h1 class="header-author"><a href="/">安云工作室</a></h1>
            </hgroup>

            <div id="local-search-result"></div>
            <p class="no-result">
              No results found <i class="fa fa-spinner fa-pulse"></i>
            </p>

            <div id="switch-btn" class="switch-btn">
              <div class="icon">
                <div class="icon-ctn">
                  <div class="icon-wrap icon-house" data-idx="0">
                    <div class="birdhouse"></div>
                    <div class="birdhouse_holes"></div>
                  </div>
                  <div class="icon-wrap icon-ribbon hide" data-idx="1">
                    <div class="ribbon"></div>
                  </div>

                  <div class="icon-wrap icon-link hide" data-idx="2">
                    <div class="loopback_l"></div>
                    <div class="loopback_r"></div>
                  </div>

                  <div class="icon-wrap icon-me hide" data-idx="3">
                    <div class="user"></div>
                    <div class="shoulder"></div>
                  </div>
                </div>
              </div>
              <div class="tips-box hide">
                <div class="tips-arrow"></div>
                <ul class="tips-inner">
                  <li>菜单</li>
                  <li>标签</li>

                  <li>友情链接</li>

                  <li>关于我</li>
                </ul>
              </div>
            </div>

            <div id="switch-area" class="switch-area">
              <div class="switch-wrap">
                <section class="switch-part switch-part1">
                  <nav class="header-menu">
                    <ul>
                      <li><a href="/">主页</a></li>

                      <li><a href="/archives/">文章</a></li>

                      <li><a href="/nav/">导航</a></li>

                      <li><a href="/tags/">标签</a></li>

                      <li><a href="/demos/">作品</a></li>
                    </ul>
                  </nav>
                  <nav class="header-nav">
                    <ul class="social">
                      <a
                        class="fa Email"
                        href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=bAoNAQMZH0IPBAMbLAoDFAENBQBCDwMB"
                        title="Email"
                      ></a>

                      <a
                        class="fa CSDN"
                        href="http://blog.csdn.net/majormayer"
                        title="CSDN"
                      ></a>

                      <a
                        class="fa QQ"
                        href="http://wpa.qq.com/msgrd?v=3&uin=1414294708&site=qq&menu=yes"
                        title="QQ"
                      ></a>
                    </ul>
                  </nav>
                </section>

                <section class="switch-part switch-part2">
                  <div class="widget tagcloud" id="js-tagcloud">
                    <ul class="tag-list">
                      <li class="tag-list-item">
                        <a class="tag-list-link" href="/tags/css/">css</a>
                      </li>
                      <li class="tag-list-item">
                        <a class="tag-list-link" href="/tags/javascript/"
                          >javascript</a
                        >
                      </li>
                      <li class="tag-list-item">
                        <a class="tag-list-link" href="/tags/系统/">系统</a>
                      </li>
                    </ul>
                  </div>
                </section>

                <section class="switch-part switch-part3">
                  <div id="js-friends">
                    <a
                      class="main-nav-link switch-friends-link"
                      href="https://majormayer.github.io/navigationMajor/"
                      >个站导航</a
                    >

                    <a
                      class="main-nav-link switch-friends-link"
                      href="http://blog.csdn.net/majormayer"
                      >CSDN</a
                    >
                  </div>
                </section>

                <section class="switch-part switch-part4">
                  <div id="js-aboutme">
                    命 里 有 时 终 须 有 , 人 生 无 时 莫 强 求
                  </div>
                </section>
              </div>
            </div>
          </header>
        </div>
      </div>
      <div class="mid-col">
        <nav id="mobile-nav">
          <div class="overlay bg">
            <div class="slider-trigger"></div>
            <h1 class="header-author js-mobile-header hide">
              <a href="/" title="回到主页">MajorMayer</a>
            </h1>
          </div>
          <div class="intrude-less">
            <header id="header" class="inner">
              <a href="/" class="profilepic">
                <img src="/img/avatar.png" class="animated zoomIn" />
              </a>
              <hgroup>
                <h1 class="header-author">
                  <a href="/" title="回到主页">MajorMayer</a>
                </h1>
              </hgroup>

              <nav class="header-menu">
                <ul>
                  <li><a href="/">主页</a></li>

                  <li><a href="/archives/">文章</a></li>

                  <li><a href="/nav/">导航</a></li>

                  <li><a href="/tags/">标签</a></li>

                  <li><a href="/demos/">作品</a></li>

                  <div class="clearfix"></div>
                </ul>
              </nav>
              <nav class="header-nav">
                <ul class="social">
                  <a
                    class="fa Email"
                    target="_blank"
                    href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=bAoNAQMZH0IPBAMbLAoDFAENBQBCDwMB"
                    title="Email"
                  ></a>

                  <a
                    class="fa CSDN"
                    target="_blank"
                    href="http://blog.csdn.net/majormayer"
                    title="CSDN"
                  ></a>

                  <a
                    class="fa QQ"
                    target="_blank"
                    href="http://wpa.qq.com/msgrd?v=3&uin=1414294708&site=qq&menu=yes"
                    title="QQ"
                  ></a>
                </ul>
              </nav>
            </header>
          </div>
          <link
            class="menu-list"
            tags="标签"
            friends="友情链接"
            about="关于我"
          />
        </nav>
        <div class="body-wrap">
          <article
            id="post-使用not()选择器来决定表单是否显示边框"
            class="article article-type-post"
            itemscope
            itemprop="blogPost"
          >
            <div class="article-meta">
              <a
                href="/2017/02/08/使用not()选择器来决定表单是否显示边框/"
                class="article-date"
              >
                <time
                  datetime="2017-02-08T05:30:59.823Z"
                  itemprop="datePublished"
                  >2017-02-08</time
                >
              </a>

              <a
                href="/2017/02/08/使用not()选择器来决定表单是否显示边框/#comments"
                title="查看评论"
              >
                <i class="fa fa-comments-o" aria-hidden="true"></i>
                <span class="count-comment"></span>

                <span
                  class="ds-thread-count"
                  data-thread-key="2017/02/08/使用not()选择器来决定表单是否显示边框/"
                ></span>
              </a>
            </div>

            <div class="article-inner">
              <input type="hidden" class="isFancy" />

              <header class="article-header">
                <h1 itemprop="name">
                  <a
                    class="article-title"
                    href="/2017/02/08/使用not()选择器来决定表单是否显示边框/"
                    >CSS 技巧 &gt; 使用 :Not() 选择器来决定表单是否显示边框</a
                  >
                </h1>
              </header>

              <div class="article-entry" itemprop="articleBody">
                <p>
                  利用<code>:not()</code>选择器可以匹配非指定元素/选择器的每个元素。<br />现在利用该选择器来实现一个导航栏效果<br />
                </p>
              </div>

              <div class="article-info article-info-index">
                <div class="article-category tagcloud">
                  <a class="article-category-link" href="/categories/前端/"
                    >前端</a
                  >
                </div>

                <div class="article-tag tagcloud">
                  <ul class="article-tag-list">
                    <li class="article-tag-list-item">
                      <a class="article-tag-list-link" href="/tags/css/">css</a>
                    </li>
                  </ul>
                </div>

                <p class="article-more-link">
                  <a
                    href="/2017/02/08/使用not()选择器来决定表单是否显示边框/#more"
                    >阅读全文 >></a
                  >
                </p>

                <div class="clearfix"></div>
              </div>
            </div>
          </article>

          <article
            id="post-公告(迁移报告)"
            class="article article-type-post"
            itemscope
            itemprop="blogPost"
          >
            <div class="article-meta">
              <a href="/2017/01/17/公告(迁移报告)/" class="article-date">
                <time
                  datetime="2017-01-17T03:19:07.691Z"
                  itemprop="datePublished"
                  >2017-01-17</time
                >
              </a>

              <a href="/2017/01/17/公告(迁移报告)/#comments" title="查看评论">
                <i class="fa fa-comments-o" aria-hidden="true"></i>
                <span class="count-comment"></span>

                <span
                  class="ds-thread-count"
                  data-thread-key="2017/01/17/公告(迁移报告)/"
                ></span>
              </a>
            </div>

            <div class="article-inner">
              <input type="hidden" class="isFancy" />

              <header class="article-header">
                <h1 itemprop="name">
                  <a class="article-title" href="/2017/01/17/公告(迁移报告)/"
                    >公告(迁移报告)</a
                  >
                </h1>
              </header>

              <div class="article-entry" itemprop="articleBody">
                <p>
                  我很懒,没有将CSDN的博文迁移到这里,请点击菜单栏CSDN图标查看更多文章。<br />
                </p>
              </div>

              <div class="article-info article-info-index">
                <div class="article-category tagcloud">
                  <a class="article-category-link" href="/categories/系统/"
                    >系统</a
                  >
                </div>

                <div class="article-tag tagcloud">
                  <ul class="article-tag-list">
                    <li class="article-tag-list-item">
                      <a class="article-tag-list-link" href="/tags/系统/"
                        >系统</a
                      >
                    </li>
                  </ul>
                </div>

                <p class="article-more-link">
                  <a href="/2017/01/17/公告(迁移报告)/#more">阅读全文 >></a>
                </p>

                <div class="clearfix"></div>
              </div>
            </div>
          </article>

          <article
            id="post-javascript Thunk深入解析"
            class="article article-type-post"
            itemscope
            itemprop="blogPost"
          >
            <div class="article-meta">
              <a
                href="/2017/01/17/javascript Thunk深入解析/"
                class="article-date"
              >
                <time
                  datetime="2017-01-17T02:45:27.929Z"
                  itemprop="datePublished"
                  >2017-01-17</time
                >
              </a>

              <a
                href="/2017/01/17/javascript Thunk深入解析/#comments"
                title="查看评论"
              >
                <i class="fa fa-comments-o" aria-hidden="true"></i>
                <span class="count-comment"></span>

                <span
                  class="ds-thread-count"
                  data-thread-key="2017/01/17/javascript Thunk深入解析/"
                ></span>
              </a>
            </div>

            <div class="article-inner">
              <input type="hidden" class="isFancy" />

              <header class="article-header">
                <h1 itemprop="name">
                  <a
                    class="article-title"
                    href="/2017/01/17/javascript Thunk深入解析/"
                    >Javascript Thunk深入解析</a
                  >
                </h1>
              </header>

              <div class="article-entry" itemprop="articleBody">
                <p>
                  Thunk函数的诞生是源于一个编译器设计的问题：求值策略，即函数的参数到底应该何时求值。<br />
                </p>
              </div>

              <div class="article-info article-info-index">
                <div class="article-category tagcloud">
                  <a class="article-category-link" href="/categories/前端开发/"
                    >前端开发</a
                  >
                </div>

                <div class="article-tag tagcloud">
                  <ul class="article-tag-list">
                    <li class="article-tag-list-item">
                      <a class="article-tag-list-link" href="/tags/javascript/"
                        >javascript</a
                      >
                    </li>
                  </ul>
                </div>

                <p class="article-more-link">
                  <a href="/2017/01/17/javascript Thunk深入解析/#more"
                    >阅读全文 >></a
                  >
                </p>

                <div class="clearfix"></div>
              </div>
            </div>
          </article>
        </div>
        <footer id="footer">
          <div class="outer">
            <div id="footer-info">
              <div class="footer-left">
                <i class="fa fa-copyright"></i>
                2023 安云工作室
              </div>
              <div class="footer-right">福利官-YU</div>
            </div>

            <div class="visit">
              <span id="busuanzi_container_site_pv" style="display: none">
                <span id="site-visit" title="本站到访数"
                  ><i class="fa fa-user" aria-hidden="true"></i
                  ><span id="busuanzi_value_site_uv"></span>
                </span>
              </span>

              <span>| </span>

              <span id="busuanzi_container_page_pv" style="display: none">
                <span id="page-visit" title="本页阅读量"
                  ><i
                    class="fa fa-eye animated infinite pulse"
                    aria-hidden="true"
                  ></i
                  ><span id="busuanzi_value_page_pv"></span>
                </span>
              </span>
            </div>
          </div>
        </footer>
      </div>

      <script
        data-main="/js/main.js"
        src="//cdn.bootcss.com/require.js/2.2.0/require.min.js"
      ></script>

      <script>
        $(document).ready(function () {
          var iPad = window.navigator.userAgent.indexOf('iPad');
          if (iPad > -1 || $('.left-col').css('display') === 'none') {
            var bgColorList = [
              '#9db3f4',
              '#414141',
              '#e5a859',
              '#f5dfc6',
              '#c084a0',
              '#847e72',
              '#cd8390',
              '#996731',
            ];
            var bgColor = Math.ceil(Math.random() * (bgColorList.length - 1));
            $('body').css({
              'background-color': bgColorList[bgColor],
              'background-size': 'cover',
            });
          } else {
            var backgroundnum = 5;
            var backgroundimg = 'url(/background/bg-x.jpg)'.replace(
              /x/gi,
              Math.ceil(Math.random() * backgroundnum)
            );
            $('body').css({
              background: backgroundimg,
              'background-attachment': 'fixed',
              'background-size': 'cover',
            });
          }
        });
      </script>

      <script>
        if ($('.left-col').is(':visible')) {
          var duoshuoQuery = { short_name: 'majormayer' };
          (function () {
            var d = document,
              s = d.createElement('script');
            s.src = 'http://static.duoshuo.com/embed.js';
            s.async = true;
            s.charset = 'UTF-8';
            (d.head || d.body).appendChild(s);
          })();

          $(document).ready(function () {
            var $duoshuoCount = $('.ds-thread-count');
            $duoshuoCount.bind('DOMNodeInserted', function (e) {
              var num = $(this)
                .text()
                .replace(/[^0-9]/gi, '');
              $(this).siblings('.count-comment').text(num);
              $(this).remove();
            });
          });
        }
      </script>

      <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
            tex2jax: {
                inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
                processEscapes: true,
                skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
            }
        });

        MathJax.Hub.Queue(function() {
            var all = MathJax.Hub.getAllJax(), i;
            for(i=0; i < all.length; i += 1) {
                all[i].SourceElement().parentNode.className += ' has-jax';
            }
        });
      </script>

      <script src="//cdn.bootcss.com/mathjax/2.6.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

      <div class="scroll" id="scroll">
        <a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a>
        <a href="#comments" onclick="load$hide();" title="查看评论"
          ><i class="fa fa-comments-o"></i
        ></a>
        <a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a>
      </div>
      <script>
        // Open in New Window

        var oOpenInNew = {
          archives: '.archive-article-title',
          miniArchives: 'a.post-list-link',

          friends: '#js-friends a',
          socail: '.social a',
        };
        for (var x in oOpenInNew) {
          $(oOpenInNew[x]).attr('target', '_blank');
        }
      </script>

      <script>
        var originTitle = document.title;
        var titleTime;
        document.addEventListener('visibilitychange', function () {
          if (document.hidden) {
            document.title = '等你回来哦~ ' + originTitle;
            clearTimeout(titleTime);
          } else {
            document.title = '欢迎回来~ ' + originTitle;
            titleTime = setTimeout(function () {
              document.title = originTitle;
            }, 2000);
          }
        });
      </script>
    </div>
  </body>
  <style>
    @media screen and (max-width: 800px) {
      #muzik {
        display: none;
      }
    }
  </style>
</html>
